<template>
  <el-dialog
    top="30px"
    width="1000px"
    append-to-body
    :close-on-click-modal="false"
    :before-close="beforeClose"
    :visible.sync="visible"
  >
    <el-tabs v-model="active">
      <el-tab-pane label="尽调报告" name="due-report">
        <due-report :visible="visible" :query-id="queryId" view-mode></due-report>
      </el-tab-pane>
      <!-- <el-tab-pane label="风险审查报告" name="risk-report">
        <risk-report :query-id="queryId" view-mode></risk-report>
      </el-tab-pane> -->
    </el-tabs>
  </el-dialog>
</template>

<script>
import DueReport from '@/credit/views/county/unionProvince/components/dueReport/Main'
// import RiskReport from '@/credit/views/county/unionProvince/components/riskReport/Index'

export default {
  components: {
    DueReport,
    // RiskReport,
  },
  props: {
    queryId: String,
    visible: Boolean,
    tabName: String,
  },
  data() {
    return {
      active: 'due-report',
    }
  },
  computed: {},
  watch: {
    tabName(val) {
      this.active = val || 'due-report'
    },
  },
  created() {},
  mounted() {},
  methods: {
    beforeClose() {
      this.$emit('update:visible', false)
    },
  },
}
</script>

<style lang="scss" scoped></style>
